<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="./axios.js"></script>
  </head>
  <body></body>
</html>
<script>
  // 添加请求拦截器
  axios.interceptors.request.use(
    function (config) {
      // 在发送请求之前做些什么
      config.params={num:20}
      return config
    },
    function (error) {
      // 对请求错误做些什么
      return Promise.reject(error)
    }
  )

  // 添加响应拦截器
  axios.interceptors.response.use(
    function (response) {
      // 对响应数据做点什么
      response.data.msg='我是拦截器添加的数据';
      return response
    },
    function (error) {
      // 对响应错误做点什么
      return Promise.reject(error)
    }
  )

  axios({
     url:'https://autumnfish.cn/api/joke/list',
      method:'get',
      params:{
          num:10
      }
  }).then(res=>{
      //成功回调
      console.log(res)
  }); 
</script>
